<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>博文尚美首页</title>
    <link rel="stylesheet" href="../css/index.css">
    <link rel="stylesheet" href="../css/reset.css">
</head>
<body>
    <div class="header">
        <div class="container">
            <img src="../image/logo.jpg" alt="">
            <div class="h-nav">
                <ul>
                    <li>HOME</li>
                    <li>ABOUT</li>
                    <li>PROTFOLIO</li>
                    <li>SERVICE</li>
                    <li>NEWS</li>
                    <li>CONTACT</li>
                </ul>
            </div>
        </div>
    </div>
    <div class="banner">
        <img src="../image/banner.jpg" alt="">
    </div>
    <div class="service">
        <div class="dot"></div>
        <span>服务范围</span>
        <span class="second">OUR SERVICES</span>
         <div class="dot1"></div>
       <div class="s_foot">
        <div class="f1">
            <i class="iconfont icon-diannao"></i>
            <span>1.WEB DESIGN</span>
            <span>企业品牌网站设计/手机网页制作</span>
            <span>动画网站创意设计</span>
        </div>
        <div class="f1">
            <i class="iconfont icon-xiangce"></i>
            <span>2.GRAPHIC DESIGN</span>
            <span>标志logo设计/产品宣传册设计</span>
            <span>企业广告/海报设计</span>
        </div>
        <div class="f1">
            <i class="iconfont icon-gouwuche"></i>
            <span>3.E-BUSINESS PLAN</span>
            <span>淘宝/天猫装修设计及运营推广</span>
            <span>企业微博、微信营销</span>
        </div>
        <div class="f1">
            <i class="iconfont icon-youjian"></i>
            <span>4.MAILBOXAGENTS</span>
            <span>腾讯/网易企业邮箱品牌代理</span>
            <span>个性化邮箱定制开发</span>
        </div>
       </div>
       
    </div>
    <div class="case">
        <div class="dot"></div>
        <span>{客户案例}</span>
        <span class="second">with the best protessional,to design the best innovative web site</span>
         <div class="dot1"></div>
         <div class="pic">
            <img src="../image/customer1.jpg" alt="">
            <img src="../image/customer2.jpg" alt="">
            <img src="../image/customer3.jpg" alt="">
         </div>
         <div class="anniu">
            VIEW MORE
         </div>
    </div>
    <div class="news">
        <div class="dot"></div>
        <span>最新咨询</span>
        <span class="second">THE LATEST NEWS</span>
         <div class="dot1"></div>
         <div class="bottom">
            <div class="b-left">
                <img src="../image/news.jpg" alt="">
            </div>
            <div class="b-right">
                <span>09</span>
                <span>Jan</span>
                <span>网站排名进入前三的技巧说明</span>
                <span>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎</span>
                <span>首页,更不用说进首页前三了.那么网站优</span>
            </div>
            <div class="b-right2">
                <span>08</span>
                <span>Jan</span>
                <span>网站排名进入前三的技巧说明</span>
                <span>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎</span>
                <span>首页,更不用说进首页前三了.那么网站优</span>
            </div>
            <div class="b-right3">
                <span>07</span>
                <span>Jan</span>
                <span>网站排名进入前三的技巧说明</span>
                <span>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎</span>
                <span>首页,更不用说进首页前三了.那么网站优</span>
            </div>
            <div class="b-right4">
                <span>06</span>
                <span>Jan</span>
                <span>网站排名进入前三的技巧说明</span>
                <span>很多客户都会纳闷为什么自己的网站老是优化不到搜索引擎</span>
                <span>首页,更不用说进首页前三了.那么网站优</span>
            </div>
         </div>
    </div>
    <div class="foot">
        <span>
            Copynight 2006-2014 Bowenshangmei Culture All Rights Reserved
        </span>
        <ul>
            <li>Home</li>
            <li>About</li>
            <li>Portfolio</li>
            <li class="last">Contact</li>
        </ul>
    </div>
</body>
</html>